<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ page import="java.util.Date"%>
<%@ page import="java.text.DateFormat"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@include file="/WEB-INF/jsp/base.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>培训管理</title>
<link rel="shortcut icon" href="img/bin.ico">
<link href="css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
<link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.min.css?v=4.0.0" rel="stylesheet">
<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">

<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="./js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="js/bootstrap.min.js?v=3.3.5"></script>
<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
<script src="js/content.min.js?v=1.0.0"></script>
<script src="js/jquery-confirm.js"></script>
<script type="text/javascript" src="js/plugins/modal/bootstrap-modal.js"></script>
<script src="js/My97DatePicker/WdatePicker.js"></script>
<script src="js/common.js"></script>
<!-- 引入富文本编辑器 -->
<script src="js/plugins/ckeditor/ckeditor.js"></script>
<style type="text/css">
.productTable {
	border-collapse: separate;
	border-spacing: 10px;
}
/* dataTables列内容居中 */
.table>tbody>tr>td {
	text-align: center;
}

/* dataTables表头居中 */
.table>thead:first-child>tr:first-child>th {
	text-align: center;
}

#gaga {
	position: absolute;
	z-index: 9999;
	display: none;
}
</style>
<script type="text/javascript">
	window.onload = function() {
		var div = document.getElementById("gaga");
		div.style.position = "absolute";
		div.style.top = (document.documentElement.scrollTop + (document.documentElement.clientHeight - div.offsetHeight) / 2)
				+ "px";
		div.style.left = (document.documentElement.scrollLeft + (document.documentElement.clientWidth - div.offsetWidth) / 2)
				+ "px";
	};
</script>
<script type="text/javascript">
	function FormatDate(data) {
		var date = new Date(data);
		var y = date.getFullYear();
		var m = date.getMonth() + 1;
		var hour = date.getHours();
		var minute = date.getMinutes();
		var s = date.getSeconds();
		m = m < 10 ? '0' + m : m;
		hour = hour < 10 ? '0' + hour : hour;
		minute = minute < 10 ? '0' + minute : minute;
		s = s < 10 ? '0' + s : s;
		var d = date.getDate();
		d = d < 10 ? ('0' + d) : d;
		return y + '-' + m + '-' + d + " " + hour + ":" + minute;
	}
	var table;
	var darw = 0;
	$(function() {

		//提示信息
		var lang = {
			"sProcessing" : "<div style=\"float:right;width:50%\" >处理中...</div>",
			"sLengthMenu" : "每页 _MENU_ 项",
			"sZeroRecords" : "没有匹配结果",
			"sInfo" : "当前显示第 _START_ 至 _END_ 项，共 _TOTAL_ 项。",
			"sInfoEmpty" : "当前显示第 0 至 0 项，共 0 项",
			"sInfoFiltered" : "(由 _MAX_ 项结果过滤)",
			"sInfoPostFix" : "",
			"sSearch" : "搜索:",
			"sUrl" : "",
			"sEmptyTable" : "表中数据为空",
			"sLoadingRecords" : "载入中...",
			"sInfoThousands" : ",",
			"oPaginate" : {
				"sFirst" : "首页",
				"sPrevious" : "上页",
				"sNext" : "下页",
				"sLast" : "末页",
				"sJump" : "跳转"
			},
			"oAria" : {
				"sSortAscending" : ": 以升序排列此列",
				"sSortDescending" : ": 以降序排列此列"
			}
		};

		//初始化表格
		table = $("#productDatatabel")
				.dataTable(
						{

							"fnDrawCallback" : function() {

								var api = this.api();
								var startIndex = api.context[0]._iDisplayStart;//获取到本页开始的条数
								api.column(0).nodes().each(function(cell, i) {
									cell.innerHTML = startIndex + i + 1;
								});

							},
							language : lang, //提示信息
							autoWidth : false, //禁用自动调整列宽
							stripeClasses : [ "odd", "even" ], //为奇偶行加上样式，兼容不支持CSS伪类的场合
							processing : true, //隐藏加载提示,自行处理

							serverSide : true, //启用服务器端分页
							searching : false, //禁用原生搜索
							orderMulti : false, //启用多列排序
							order : [], //取消默认排序查询,否则复选框一列会出现小箭头
							renderer : "bootstrap", //渲染样式：Bootstrap和jquery-ui
							pagingType : "simple_numbers", //分页样式：simple,simple_numbers,full,full_numbers
							"aLengthMenu" : [ 10 ],
							"bLengthChange" : false,//屏蔽tables的一页展示多少条记录的下拉列表
							ordering : false, //关闭排序图标
							bStateSave : true, //刷新 停留在当前页
							ajax : function(data, callback, settings) {
								//封装请求参数
								var param = {};
								param.limit = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候
								param.start = data.start;//开始的记录序号
								param.page = (data.start / data.length) + 1;//当前页码
								// param.darw=darw;  //计数器

								var TrainName = $("#serachPname").val().trim();
								if (TrainName != null && TrainName != "") {
									param.TrainName = TrainName;
								}

								//console.log(param);
								//ajax请求数据
								$
										.ajax({
											type : "POST",
											url : "trainList.do",
											cache : false, //禁用缓存
											data : param, //传入组装的参数
											dataType : "json",
											success : function(result) {

												//console.log(result);
												//setTimeout仅为测试延迟效果
												//封装返回数据
												var returnData = {};
												draw = result.draw;//后台返回的计数器
												returnData.draw = data.draw;//这里直接自行返回了draw计数器,应该由后台返回
												returnData.recordsTotal = result.total;//返回数据全部记录
												returnData.recordsFiltered = result.total;//后台不实现过滤功能，每次查询均视作全部结果
												returnData.data = result.data;//返回的数据列表

												//console.log(returnData);
												//调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
												//此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
												callback(returnData);
											},
											error : function() {
												sweetAlert("异常", "网络出现异常!",
														"error");
											}
										});
							},
							//列表表头字段
							columns : [
									{
										"data" : null
									},
									{
										"data" : "trainId",
										"visible" : false
									},
									{
										"data" : "trainTitle"
									},
									{
										"data" : function(data) {
											if (data.trainContent == null) {
												return "";
											} else {
												return repaceStr(data.trainContent);
											}
										}
									}, {
										"data" : function(data) {
											if (data.list.length == 0) {
												return "-";
											} else {
												return "√";
											}
										}
									}, {
										"data" : "startDate"
									},

									{
										"data" : "endDate"
									}, {
										"data" : "createDate"
									}, {
										"data" : "createPeople"
									} ],
							columnDefs : [
									{
										"targets" : [ 9 ], //第11列加一条 自定义列
										"data" : "trainId", //数据列名
										"render" : function(data, type, full) { //返回自定义的内容

											return "<a class=\"btn btn-info btn-xs\" data-toggle=\"modal\"  onclick=\"productDetail('"
													+ data
													+ "')\">"
													+ "详情<\a>&nbsp;<a class=\"btn btn-primary  btn-xs\"   href=\"javascript:void(0);\" onclick=\"toModify('"
													+ data
													+ "')\">编辑<\a>&nbsp;"
													+ "<a class=\"btn btn-danger  btn-xs\" href=\"javascript:void(0);\" onclick=\"deleteProduct('"
													+ data + "')\">删除<\a>";

										}
									}, {
										"targets" : [ 5 ],//第8列 时间类型转换显示格式
										"data" : "startDate",//数据列名
										"render" : function(data, type, full) { //返回自定义的内容
											var createDate = new Date(data);
											return FormatDate(createDate);
										}
									}, {
										"targets" : [ 6 ],//第8列 时间类型转换显示格式
										"data" : "endDate",//数据列名
										"render" : function(data, type, full) { //返回自定义的内容
											var createDate = new Date(data);
											return FormatDate(createDate);
										}

									}, {
										"targets" : [ 7 ],//第8列 时间类型转换显示格式
										"data" : "createDate",//数据列名
										"render" : function(data, type, full) { //返回自定义的内
											var createDate = new Date(data);
											return FormatDate(createDate);
										}

									}

							]
						})//.api();
		//此处需调用api()方法,否则返回的是JQuery对象而不是DataTables的API对象

	});
</script>
<script type="text/javascript">
	//显示添加培训的modal
	function showAddModal() {
		CKEDITOR.instances.atrainContent.setData("");//设置文本编辑器，内容为空
		$("#adate1").val("");
		$("#atrainTitle").val("");
		$("#adate2").val("");
		$("#photoCover").val("");
		$("#ahotelImgFile").val("");// 清空
		$("#atrainContent").val("");
		$("#addProductModal").modal("show");
	}
</script>
</head>
<body class="gray-bg">
	<div class="row">
		<div id="gaga">
			<img alt="" src="img\role-ajax-loader.gif">

		</div>
		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>培训列表</h5>
					<div class="ibox-content">
						<div class="input-group col-md-3"
							style="margin-top: 0px; positon: relative; float: left; bottom: -5px;">
							<input id="serachPname" type="text" class="form-control "
								placeholder="请输入关键字（培训名称、内容）"/ > <span
								class="input-group-btn">
								<button onclick="Search()" class="btn btn-info btn-search">查询</button>
								<button class="btn btn-info btn-search" onclick="showAddModal()"
									style="margin-left: 5px">添加</button>

							</span>
						</div>
						<table id="productDatatabel"
							class="table table-striped table-bordered table-hover dataTables-example dataTable">
							<thead>
								<tr>
									<th>序号</th>
									<th>培训编号</th>
									<th>培训标题</th>
									<th>培训内容</th>
									<th>附件</th>
									<th>开始时间</th>
									<th>结束时间</th>
									<th>创建时间</th>
									<th>创建人</th>
									<th>操作</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>


		<!--添加培训的 modal  -->
		<div class="modal fade  " id='addProductModal'>
			<div class="modal-dialog" style="width: 750px; height: 500px;">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" data-dismiss='modal'>×</button>
						<h2 class="modal-title" align="center">添加培训信息</h2>
					</div>

					<div class="modal-body" align="center">

						<form id="productFormInfo" method="post"
							enctype="multipart/form-data">
							<table id="addTable" class="productTable">
								<tr>
									<td align="right" width="80" >培训标题<span style="color: red;">*</span>：
									</td>
									<td><input id="atrainTitle" class="form-control"
										placeholder="请输入培训标题" type="text" name="trainTitle"></td>
								</tr>
								<tr style="height: 40px;text-align: right;">
									<td>开始时间<span style="color: red;">*</span>：
									</td>
									<td><input type="text" name="date1" id="adate1"
										readonly="readonly" class="form-control"
										onClick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd HH:mm'})"
										placeholder="请选择开始时间"></td>
								</tr>
								<tr style="height: 40px;text-align: right;">
									<td>结束时间<span style="color: red;">*</span>：
									</td>
									<td><input type="text" name="date2" id="adate2"
										readonly="readonly" class="form-control"
										onClick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd HH:mm'})"
										placeholder="请选择结束时间"></td>
								</tr>
								<tr>
									<td align="right">附件：</td>
									<td><input class="form-control" type="file"
										id="ahotelImgFile" multiple="multiple" name="hotelImgFile"
										style="display: none;"> <input type="hidden"
										name="fileName" id="afileName" />
										<div class="input-append">
											<input id="photoCover" type="text" class="form-control"
												style="float: left; width: 350px" readonly="readonly">
											<a class="btn btn-default"
												style="border-radius: 0px; width: 50px"
												onclick="$('input[id=ahotelImgFile]').click();">浏览</a>
										</div></td>
								</tr>
								<tr>
									<td align="right">培训内容<span style="color: red;">*</span>：
									</td>
									<td><textarea class="form-control" placeholder="请输入培训内容"
											id="atrainContent" name="trainContent" style="resize: none;"
											rows="5" cols="50">
											</textarea>
											<script>
										//把txetarea隐藏，富文本显示,等值设好，就把富文本的值赋给textarea进行提交。
										//用js提交，首先在表单设一个Id（myForm）
										CKEDITOR
												.replace(
														"atrainContent",
														{
															height : 400,

															toolbar : [
																	//加粗     斜体，     下划线      穿过线      下标字        上标字
																	[
																			'Bold',
																			'Italic',
																			'Underline',
																			'Strike',
																			'Subscript',
																			'Superscript' ],
																	// 数字列表          实体列表            减小缩进    增大缩进
																	[
																			'NumberedList',
																			'BulletedList',
																			'-',
																			'Outdent',
																			'Indent' ],
																	//左对 齐             居中对齐          右对齐          两端对齐
																	[
																			'JustifyLeft',
																			'JustifyCenter',
																			'JustifyRight',
																			'JustifyBlock' ],
																	//超链接  取消超链接 锚点
																	[
																			'Image',
																			'Link',
																			'Unlink',
																			'Anchor' ],

																	// 样式       格式      字体    字体大小
																	[
																			'Styles',
																			'Format',
																			'Font',
																			'FontSize' ],
																	//文本颜色     背景颜色
																	[
																			'TextColor',
																			'BGColor' ],
																	//全屏           显示区块
																	[
																			'Maximize',
																			'ShowBlocks',
																			'-' ] ]
														});
									</script>
											</td>
								</tr>
							</table>
						</form>

					</div>
					<div class="modal-footer" align="center">
						<div align="center">
							<button class="btn btn-primary" id="btnAddProduct">确认</button>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!-- 修改模态框 -->
		<div class="modal fade  " id='editModal'>
			<div class="modal-dialog" style="width: 750px; height: 600px;">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" data-dismiss='modal'>×</button>
						<h2 class="modal-title" align="center">修改培训信息</h2>
					</div>

					<div class="modal-body" align="center">
						<form class="form-horizontal m-t" id="editForm"
							enctype="multipart/form-data">
									<div class="form-group draggable">
										<label class="col-sm-2 control-label">培训标题<span
											style="color: red;">*</span>：
										</label>
										<div class="col-sm-9">
											<input type="text" name="trainTitle" id="eproductName"
												class="form-control" placeholder="请输入培训名称"> <input
												type="hidden" name="trainId" id="eproductId"> <input
												type="hidden" name="enclosure" id="eenclosure" />
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-2 control-label">开始时间<span
											style="color: red;">*</span>：
										</label>
										<div class="col-sm-9">
											<input type="text" name="date1" id="edate1"
												readonly="readonly" class="form-control"
												onClick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd HH:mm'})"
												placeholder="请选择开始时间">
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-2 control-label">结束时间<span
											style="color: red;">*</span>：
										</label>
										<div class="col-sm-9">
											<input type="text" name="date2" id="edate2"
												readonly="readonly" class="form-control"
												onClick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd HH:mm'})"
												placeholder="请选择结束时间">
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-2 control-label">附件：</label>
										<div class="col-sm-9">
											<input class='productInput' type='file' id='mhotelImgFile'
												name='hotelImgFile' multiple="multiple"
												style="display: none;">
											<div class="input-append">
												<input id="mphotoCover" type="text" class="form-control"
													style="float: left; width: 226px" readonly="readonly">
												<a class="btn btn-default"
													style="border-radius: 0px; width: 50px;float: left;"
													onclick="$('input[id=mhotelImgFile]').click();">浏览</a>
											</div>
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-2 control-label">培训介绍<span
											style="color: red;">*</span>：
										</label>
										<div class="col-sm-9">
											<textarea class="showTextarea" id="eintroduce"
												name="trainContent" rows="20" cols="" class="form-control"
												style="width: 735px; height: 200px; resize: none;">
												
												</textarea>
												<script>
										//把txetarea隐藏，富文本显示,等值设好，就把富文本的值赋给textarea进行提交。
										//用js提交，首先在表单设一个Id（myForm）
										CKEDITOR
												.replace(
														"eintroduce",
														{
															height : 400,

															toolbar : [
																	//加粗     斜体，     下划线      穿过线      下标字        上标字
																	[
																			'Bold',
																			'Italic',
																			'Underline',
																			'Strike',
																			'Subscript',
																			'Superscript' ],
																	// 数字列表          实体列表            减小缩进    增大缩进
																	[
																			'NumberedList',
																			'BulletedList',
																			'-',
																			'Outdent',
																			'Indent' ],
																	//左对 齐             居中对齐          右对齐          两端对齐
																	[
																			'JustifyLeft',
																			'JustifyCenter',
																			'JustifyRight',
																			'JustifyBlock' ],
																	//超链接  取消超链接 锚点
																	[
																			'Image',
																			'Link',
																			'Unlink',
																			'Anchor' ],

																	// 样式       格式      字体    字体大小
																	[
																			'Styles',
																			'Format',
																			'Font',
																			'FontSize' ],
																	//文本颜色     背景颜色
																	[
																			'TextColor',
																			'BGColor' ],
																	//全屏           显示区块
																	[
																			'Maximize',
																			'ShowBlocks',
																			'-' ] ]
														});
									</script>
										</div>
									</div>
						</form>
					</div>
					<div class="modal-footer" align="center">
						<div align="center">
							<button class="btn btn-primary" onclick="modifyProduct()">确认</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 详情模态框 -->
	<div class="modal fade" id='detailModal'>
		<div class="modal-dialog" style="width: 750px; height: 600px;">
			<div class="modal-content">
				<div class="modal-header">
					<button class="close" data-dismiss='modal'>×</button>

					<h2 class="modal-title" align="center">培训详情信息</h2>
				</div>

				<div class="modal-body" align="center">
					<form class="form-horizontal m-t" id="detailForm"
						enctype="multipart/form-data">
								<div class="form-group draggable">
									<label class="col-sm-2 control-label">培训标题： </label>
									<div class="col-sm-9" id="dproductName" align="left"
										style="top: 5px;"></div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-2 control-label">开始时间： </label>
									<div class="col-sm-9" id="dyield" align="left"
										style="top: 5px;"></div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-2 control-label">结束时间： </label>
									<div class="col-sm-9" id="dtotalPeriods" align="left"
										style="top: 5px;"></div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-2 control-label">附件下载： </label>
									<div class="col-sm-9" align="left" style="top: 5px;"
										id="denclosure"></div>
								</div>

								<div class="form-group draggable">
									<label class="col-sm-2 control-label">创建时间： </label>
									<div class="col-sm-9" id="dcreateDate" align="left"
										style="top: 5px;"></div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-2 control-label">创建人： </label>
									<div class="col-sm-9" id="dcreatePeople" align="left"
										style="top: 5px;"></div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-2 control-label">培训内容： </label>
									<div class="col-sm-9">
										<textarea class="showTextarea" id="dintroduce" rows="20"
											cols="" class="form-control"
											style="width: 735px; height: 200px; resize: none;"
											disabled="disabled"></textarea>
											<script>
										//把txetarea隐藏，富文本显示,等值设好，就把富文本的值赋给textarea进行提交。
										//用js提交，首先在表单设一个Id（myForm）
										CKEDITOR
												.replace(
														"dintroduce",
														{
															height : 400,

															toolbar : [
																	//加粗     斜体，     下划线      穿过线      下标字        上标字
																	[
																			'Bold',
																			'Italic',
																			'Underline',
																			'Strike',
																			'Subscript',
																			'Superscript' ],
																	// 数字列表          实体列表            减小缩进    增大缩进
																	[
																			'NumberedList',
																			'BulletedList',
																			'-',
																			'Outdent',
																			'Indent' ],
																	//左对 齐             居中对齐          右对齐          两端对齐
																	[
																			'JustifyLeft',
																			'JustifyCenter',
																			'JustifyRight',
																			'JustifyBlock' ],
																	//超链接  取消超链接 锚点
																	[
																			'Image',
																			'Link',
																			'Unlink',
																			'Anchor' ],

																	// 样式       格式      字体    字体大小
																	[
																			'Styles',
																			'Format',
																			'Font',
																			'FontSize' ],
																	//文本颜色     背景颜色
																	[
																			'TextColor',
																			'BGColor' ],
																	//全屏           显示区块
																	[
																			'Maximize',
																			'ShowBlocks',
																			'-' ] ]
														});
									</script>
									</div>
								</div>
					</form>
				</div>
				<div class="modal-footer" align="center">
					<div align="center">
						<button class="btn btn-primary" onclick="modalClose(detailModal)">确认</button>
					</div>
				</div>
			</div>
		</div>
	</div>


	<script>
		//根据id来关闭 modal
		function closeModal(id) {
			$(id).modal("hide");
		}

		//修改窗口展示
		function toModify(productId) {
			$.ajax({
				url : "editTrain.do",
				data : {
					trainId : productId
				},
				dataType : "json",
				type : "post",
				success : function(result) {
					if (result.code == 0) {
						$("#eproductId").val(productId);
						$("#eproductName").val(result.train.trainTitle);
						//$("#eintroduce").val(result.train.trainContent);
						CKEDITOR.instances.eintroduce.setData(result.train.trainContent);//设置文本编辑器，内容为空
						$("#edate1").val(
								FormatDate(new Date(result.train.startDate)));
						$("#edate2").val(
								FormatDate(new Date(result.train.endDate)));
						$("#mphotoCover").val("");
						$("#mhotelImgFile").val("");// 清空
						if (result.train.list != null
								&& result.train.list.length > 0) {
							$("#mphotoCover").val(
									"已选:" + result.train.list.length + "项");
						}
						$("#editModal").modal("show");
					} else {
						swal("异常", result.msg, "error");
					}

				},
				error : function() {
					swal("异常", "程序出现异常,请联系管理员!", "error");
				}

			});

		}

		//修改培训
		function modifyProduct() {
			$("#eintroduce").val(CKEDITOR.instances.eintroduce.getData());
			var productName = $("#eproductName");
			var introduce = $("#eintroduce");
			var yield = $("#eyield"); //
			var totalPeriods = $("#etotalPeriods"); //

			if (productName.val() == "") {
				sweetAlert("提示", "请输入培训名称!", "error");
				return false;
			}

			if (introduce.val() == "") {
				sweetAlert("提示", "请输入培训内容!", "error");
				return false;
			}

			if (yield.val() == "") {
				sweetAlert("提示", "请输入结束时间!", "error");
				return false;
			}

			if (totalPeriods.val() == "") {
				sweetAlert("提示", "请输入开始时间!", "error");
				return false;
			}

			var formData = new FormData($("#editForm")[0]);
			$("#gaga").css({
				"display" : "block"
			});
			$.ajax({
				url : "updateTrain.do",
				data : formData,
				dataType : "json",
				type : "post",
				contentType : false,
				processData : false,
				success : function(result) {
					$("#gaga").css({
						"display" : "none"
					});
					if (result.code == 0) {
						swal({
							title : "提示",
							text : "修改完成！",
							type : "success",
							confirmButtonColor : "#DD6B55",
							confirmButtonText : "确定"
						}, function() {
							Search();
							$("#editModal").modal("hide");
						});
					} else if (result.code == -2) {
						swal("提示", "文件上传失败", "error");
					} else {
						swal("提示", "操作失败,请刷新后重试！", "error");
					}

				},
				error : function() {
					$("#gaga").css({
						"display" : "none"
					});
					swal("提示", "程序出现异常,请联系管理员!", "error");
				}

			})

		}

		//培训详情
		function productDetail(productId) {
			$
					.ajax({
						url : "editTrain.do",
						data : {
							trainId : productId
						},
						dataType : "json",
						type : "post",
						success : function(result) {
							if (result.code == 0) {
								$("#dproductName")
										.html(result.train.trainTitle);
								CKEDITOR.instances.dintroduce.setReadOnly();//设置文本编辑器，只读
								CKEDITOR.instances.dintroduce.setData(result.train.trainContent);//设置文本编辑器，内容为空
								$("#denclosure").text("");
								if (result.train.list != null
										&& result.train.list.length > 0) {
									var html = "";
									for (var i = 0; i < result.train.list.length; i++) {
										html += '<a href="'+result.train.list[i].url+'" target="_blank" download>'
												+ result.train.list[i].name
												+ '</a><br/>'
									}
									$("#denclosure").append(html);
								} else {
									$("#denclosure").text("无");
								}
								if (result.train.startDate != null
										&& result.train.startDate != "") {
									$("#dyield").html(
											FormatDate(new Date(
													result.train.startDate)));
								} else {
									$("#dyield").html("-");
								}
								if (result.train.endDate != null
										&& result.train.endDate != "") {
									$("#dtotalPeriods").html(
											FormatDate(new Date(
													result.train.endDate)));
								} else {
									$("#dtotalPeriods").html("-");
								}
								if (result.train.createDate != null
										&& result.train.createDate != "") {
									$("#dcreateDate").html(
											FormatDate(new Date(
													result.train.createDate)));
								} else {
									$("#dcreateDate").html("-");
								}
								$("#dcreatePeople").html(
										result.train.createPeople);

								$("#detailModal").modal("show");
							} else {
								swal("异常", "操作失败,请刷新后重试,请稍后再进行尝试!", "error");
							}

						},
						error : function() {
							swal("异常", "程序出现错误,请联系管理员!", "error");
						}
					})

		}

		//删除培训
		function deleteProduct(productId) {
			swal({
				title : "提示",
				text : "您确定要删除这条信息吗！",
				type : "warning",
				showCancelButton : true,
				confirmButtonColor : "#DD6B55",
				confirmButtonText : "确定",
				cancelButtonText : "取消",
				closeOnConfirm : false
			}, function() {
				$.ajax({
					type : "post",
					dataType : "json",
					url : "delTrain.do",
					data : {
						"trainId" : productId
					},
					success : function(data) {
						if (data.code == 0) {
							swal({
								title : "提示",
								text : "删除成功！",
								type : "success",
								confirmButtonColor : "#DD6B55",
								confirmButtonText : "确定"
							}, function() {
								Search();
							});
						} else {
							swal("异常", "删除失败", "error");
						}
					},
					error : function() {
						swal("异常", "未知错误,请联系管理员!", "error");

					}
				});
			});
		}
	</script>
	<script type="text/javascript">
		$(function() {
			// 提交add product
			$("#btnAddProduct").click(function() {
				$("#afileName").val($("#ahotelImgFile").val());
				$("#atrainContent").val(CKEDITOR.instances.atrainContent.getData());
				var productName = $("#atrainTitle");
				var date1 = $("#adate1");
				var date2 = $("#adate2");
				var trainContent = $("#atrainContent");

				if (productName.val() == "") {
					sweetAlert("提示", "请输入培训标题!", "warning");
					return false;
				}

				if (date1.val() == "") {
					sweetAlert("提示", "请输入开始时间!", "warning");
					return false;
				}

				if (date2.val() == "") {
					sweetAlert("提示", "请输入结束时间!", "warning");
					return false;
				}

				if (trainContent.val() == "") {
					sweetAlert("提示", "请输入培训内容!", "warning");
					return false;
				}
				var formData = new FormData($("#productFormInfo")[0]);
				// $("#productFormInfo").serailizeArray(),
				$("#gaga").css({
					"display" : "block"
				});
				$.ajax({
					url : "insertTrain.do",
					data : formData,
					dataType : "json",
					type : "post",
					contentType : false,
					processData : false,
					success : function(result) {
						$("#gaga").css({
							"display" : "none"
						});
						if (result.code == 0) {
							swal({
								title : "提示",
								text : "添加成功！",
								type : "success",
								confirmButtonColor : "#DD6B55",
								confirmButtonText : "确定"
							}, function() {
								Search();
								$("#addProductModal").modal("hide");
							});

						} else {
							sweetAlert("提示", "操作失败,请刷新后重试...", "warning");
						}

					},
					error : function() {
						$("#gaga").css({
							"display" : "none"
						});
						sweetAlert("异常", "网络出现异常!", "error");
					}

				});

			});

		})
		//查询
		function Search() {
			/* var oSettings = table.fnSettings();  
			oSettings._iDisplayStart = 0;  
			table.fnDraw(oSettings);   */
			table.fnDraw();
		}
		//关闭modal
		function modalClose(htmlObj) {
			$(htmlObj).modal("hide");
		}
		//图片上传赋值事件
		$('input[id=ahotelImgFile]')
				.change(
						function() {
							var file = document.getElementById("ahotelImgFile").files;
							var count = 0;
							for (var i = 0; i < file.length; i++) {
								var suffix = file[i].name.substring(
										file[i].name.lastIndexOf(".") + 1,
										file[i].name.length).toLowerCase();
								// JPG,JPEG,PNG,BMP,GIF,DOC,DOCX,PDF格式
								if (suffix != "jpg" && suffix != "jpeg"
										&& suffix != "png" && suffix != "bmp"
										&& suffix != "gif" && suffix != "doc"
										&& suffix != "docx" && suffix != "pdf"
										&& suffix != "xls" && suffix != "xlsx"
										&& suffix != "ppt" && suffix != "pptx") {
									count++;
								}
							}
							if (count > 0) {
								$("#ahotelImgFile").val("");// 清空
								sweetAlert(
										"提示",
										"仅支持JPG,JPEG,PNG,BMP,GIF,DOC,DOCX, PDF,XLS,XLSX,PPT,PPTX格式文件!",
										"error");
								$('#photoCover').val("");
							} else {
								var msg = 0;
								msg = document.getElementById("ahotelImgFile").files.length;
								$('#photoCover').val("已选：" + msg + "项");
							}
						});
		$('input[id=mhotelImgFile]')
				.change(
						function() {
							var file = document.getElementById("mhotelImgFile").files;
							console.log(file);
							var count = 0;
							for (var i = 0; i < file.length; i++) {
								var suffix = file[i].name.substring(
										file[i].name.lastIndexOf(".") + 1,
										file[i].name.length).toLowerCase();
								// JPG,JPEG,PNG,BMP,GIF,DOC,DOCX,PDF格式
								if (suffix != "jpg" && suffix != "jpeg"
										&& suffix != "png" && suffix != "bmp"
										&& suffix != "gif" && suffix != "doc"
										&& suffix != "docx" && suffix != "pdf"
										&& suffix != "xls" && suffix != "xlsx"
										&& suffix != "ppt" && suffix != "pptx") {
									count++;
								}
							}
							if (count > 0) {
								$("#mhotelImgFile").val("");// 清空
								sweetAlert(
										"提示",
										"仅支持JPG,JPEG,PNG,BMP,GIF,DOC,DOCX, PDF,XLS,XLSX,PPT,PPTX格式文件!",
										"error");
								$('#mphotoCover').val("");
							} else {
								var msg = 0;
								msg = document.getElementById("mhotelImgFile").files.length;
								$('#mphotoCover').val("已选：" + msg + "项");
							}
						});
		//去掉html标识符
		function repaceStr(str) {
			String.prototype.stripHTML = function() {
				var reTag = /<(?:.|\s)*?>/g;
				return this.replace(reTag, "");
			}
			var returnStr = str.stripHTML();
			if (returnStr.length > 20) {
				returnStr = returnStr.substring(0, 20) + "......";
			}
			return returnStr;
		}
	</script>
</body>
</html>